.common-functions-menu {
  transition: all ease 0.3s;
  display: block;
  overflow: hidden;

  .single-menu {
    width: 200px;
    height: 42px;
    background: #171E38;

    .menu-box {
      font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: normal;
      color: #B5C0CE;
      font-size: 14px;
      line-height: 42px;
      word-break: break-word;
      box-sizing: border-box;
      white-space: nowrap;
      position: relative;

      .menu-name {
        text-overflow: ellipsis;
        width: 125px;
        position: absolute;
        left: 40px;
        &:hover {
          color: #fff;
        }
        .span-title {
          text-overflow: ellipsis;
          width: 125px;
          display: block;
          overflow: hidden;
        }
      }
      .delete-icon {
        transition: all ease 0.3s;
        position: absolute;
        font-size: 14px;
        right: 16px;
        top: 50%;
        &:hover {
          color: #fff;
        }
      }
      .drag-icon {
        transition: all ease 0.3s;
        position: absolute;
        font-size: 14px;
        left: 17px;
        top: 50%;
        &:hover {
          color: #fff;
          cursor: all-scroll;
        }
      }
      .en {
        font-size: 12px;
      }
    }
  }
  .on-drag {
    background: #171E38;
    transform: scale(1) !important;
  }
  .active {
    background: linear-gradient(90deg, #1464F0, rgba(19, 63, 143, 0.97));
    .menu-name {
      color: #fff;
    }
  }
  &:hover {
    cursor: pointer;
  }
}
.none {
  display: none;
}
